import { memo } from 'react';
import type { FC, PropsWithChildren } from 'react';
import { RecoilRoot } from 'recoil';
import DebugObserver from '@/components/DebugObserver/DebugObserver';
import ScrollToTop from '@/components/ScrollToTop';

const AppSetting: FC<PropsWithChildren<{}>> = ({ children }) => {
  return (
    <RecoilRoot>
      <ScrollToTop>
        <DebugObserver /> {children}
      </ScrollToTop>
    </RecoilRoot>
  );
};

export default memo(AppSetting);
